<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="<%=basePath %>Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>万达营销流程管理系统</title>
<link href="<%=basePath %>css/css.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="js/ie6png.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('div,ul,li,a,p,img,body,dl,dt,dd');</script>
<![endif]-->
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
</head>
<body style="background:#fff;">
<br />
<div style="width:1000px;" class="tbox01 boxcenter">
  <div class="tbox02">
    <dl>
      <dt></dt>
      <dd>
        <div class="tbox02menu">
          <ul>
            <li><a href="javascript:history.go(-1)">取消</a></li>
            <li><a href="selectRoom.do?projectid=${projectid}">确定</a></li>
          </ul>
        </div>
      </dd>
    </dl>
  </div>
  <div class="tbox03">
    <div class="tbox04a">
     <input type="hidden" id ="pid" name ="projectid" value="${projectid}"/>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="47%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td><img src="<%=basePath %>images/op5_1.gif" /></td>
                <td class="ybox08td2"><ul>
                    待选房间查询
                  </ul></td>
                <td class="ybox08td3"></td>
                <td><img src="<%=basePath %>images/op5_4.gif" /></td>
              </tr>
            </table>
            <div class="ybox08div">
              <div class="tbox05 margb7">
                <dl>
                  <dt>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="55" height="25" align="right" style=" padding-right:5px;">楼　栋：</td>
                        <td style=" padding-right:15px;"><input name="textfield12" type="text"  class="black12" id="textfield12" style="width:100%;" /></td>
                        <td width="62" rowspan="2"><div class="button26h"><a href="#">查询</a></div></td>
                      </tr>
                      <tr>
                        <td height="25" align="right" style=" padding-right:5px;">房产名：</td>
                        <td height="25" style=" padding-right:15px;"><input name="textfield" type="text"  class="black12" id="textfield2" style="width:100%;" /></td>
                      </tr>
                    </table>
                  </dt>
                </dl>
              </div>
              <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="ybox06table">
                <tr>
                  <td width="30" class="ybox06td01"><input type="checkbox" name="checkbox" id="checkbox" /></td>
                  <td width="30" class="ybox06td01">序号</td>
                  <td class="ybox06td01">房间名称</td>
                  <td class="ybox06td01">建筑面积</td>
                  <td class="ybox06td01">套内面积</td>
                </tr>
                  <c:forEach items="${leftlist}" var="roombean" varStatus="status">
			<tr>
			 <td class="ybox06td03bcenter"><input type="checkbox" name="select_item" id="select_item"  value="${roombean.roomId}"/></td>
				<td class="ybox06td03bcenter">${status.index+1}</td>
				<td class="ybox06td02wcenter">${roombean.roomCode}</td>
				<td class="ybox06td02wcenter">${roombean.buildUpArea}</td>
				<td class="ybox06td02wcenter">${roombean.innerArea}</td>
			</tr>
		</c:forEach>
              </table>
              <div class="nums boxcenter black12"><a href="#" class="hovera">首 页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">尾 页</a>&nbsp;&nbsp;第1/3页&nbsp;共25条&nbsp;&nbsp;转到
                <input name="textfield2" type="text" id="textfield3" size="2"/>
                页<a href="#">跳 转</a></div>
            </div></td>
          <td width="6%" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td height="48" align="center"><a href="#"><img src="<%=basePath %>images/op6_1.gif" id="goright"/></a></td>
            </tr>
            <tr>
              <td height="48" align="center"><a href="#"><img src="<%=basePath %>images/op6_2.gif" id="goright"/></a></td>
            </tr>
            <tr>
              <td height="48" align="center"><a href="#"><img src="<%=basePath %>images/op6_3.gif" id="goleft" /></a></td>
            </tr>
            <tr>
              <td height="48" align="center"><a href="#"><img src="<%=basePath %>images/op6_4.gif" id="goleft" /></a></td>
            </tr>
          </table></td>
          <td width="47%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="left" valign="top">
                <td><img src="<%=basePath %>images/op5_1.gif" /></td>
                <td class="ybox08td2"><ul>
                    已选中房间列表
                  </ul></td>
                <td class="ybox08td3"></td>
                <td><img src="<%=basePath %>images/op5_4.gif" /></td>
              </tr>
            </table>
            <div class="ybox08div">
              <div class="tbox05a margb7">
                <dl>
                  <dt><strong>【注】</strong><br />
                    全部选择 &gt;&gt; 选择所有查询出来的待选房间（左边窗口的全部房间）<br />
                    全部移除 &lt;&lt; 移除所有已选中房间（右边窗口的全部房间）</dt>
                </dl>
              </div>
              <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="ybox06table">
                <tr>
                  <td width="30" class="ybox06td01"><input type="checkbox" name="checkbox" id="checkbox" /></td>
                  <td width="30" class="ybox06td01">序号</td>
                  <td class="ybox06td01">房间名称</td>
                  <td class="ybox06td01">建筑面积</td>
                  <td class="ybox06td01">套内面积</td>
                </tr>
                 <c:forEach items="${rightlist}" var="roombean" varStatus="status">
			<tr>
			 <td class="ybox06td03bcenter"><input type="checkbox" name="select_ritem" id="select_ritem"  value="${roombean.roomId}"/></td>
				<td class="ybox06td03bcenter">${status.index+1}</td>
				<td class="ybox06td02wcenter">${roombean.roomCode}</td>
				<td class="ybox06td02wcenter">${roombean.buildUpArea}</td>
				<td class="ybox06td02wcenter">${roombean.innerArea}</td>
			</tr>
		</c:forEach>
              </table>
              <div class="nums boxcenter black12"><a href="#" class="hovera">首 页</a><a href="#">上一页</a><a href="#">下一页</a><a href="#">尾 页</a>&nbsp;&nbsp;第1/3页&nbsp;共25条&nbsp;&nbsp;转到
                <input name="textfield2" type="text" id="textfield3" size="2"/>
              页<a href="#">跳 转</a></div>
            </div></td>
        </tr>
      </table>
    </div>
  </div>
</div>
<script type="text/javascript">
var checkboxes = document.getElementsByName('select_item');
var pid =document.getElementById("pid").value;
$(function(){
			$("#goright").click(function(){
			       var ids=",";
					for (var i = 0; i < checkboxes.length; i++) {
                      var checkbox = checkboxes[i];
                      if(checkbox.checked){
                      var id =checkbox.value;
                      ids+=id+",";
                      }
                  }
                  if(id!=null){
                 location.href="changes.do?ids="+ids+"&projectid="+pid;
                 }
			});
			});	
			
var rcheckboxes = document.getElementsByName('select_ritem');
$(function(){
			$("#goleft").click(function(){
			       var ids=",";
			       var idr=",";
					for (var i = 0; i < rcheckboxes.length; i++) {
                      var checkbox = rcheckboxes[i];
                      var oldid=checkbox.value;
                      idr+=oldid+",";
                      if(checkbox.checked){
                      var upid =checkbox.value;
                      ids+=upid+",";
                      }
                  }
                  if(upid!=null){
                 location.href="changes.do?ids="+idr+"&projectid="+pid+"&upid="+ids;
                 }
			});
			});				
		</script>

</body>
</html>
